
<a mat-button 
   class="cne-button-toggle" 
   (click)="toggleSection($event)">
  @if (section().icon) {
    <mat-icon matButtonIcon>{{section().icon}}</mat-icon>
  }
  <span>{{section().name}}</span>
  <i class="pull-right cne-toggle-icon material-icons" 
    [class.cne-toggled]="expandedState()">expand_more</i>
</a>
<ul id="docs-menu-{{section().name}}" 
    class="cne-menu-toggle-list" 
    [style.height]="sectionHeight()">
@for (page of section().pages || []; track trackBySectionPages($index, page)) {
  <li>
    <cne-menu-link [section]="page"></cne-menu-link>
  </li>
}
</ul>
